/* CSS Document */


#left, #right { float:left; width:158px; margin:0; padding:0; background:url(../img/menu/linea.gif); color:#FFF; font-size:90%;background-color:#006600 }
#left a, #right a { color:#ffffff; text-decoration:none;;background-color:#006600 }
#left div, #right div { padding-top:41px;;background-color:#006600 }
#left .box1 { background:url(../img/menu/menu.gif) no-repeat; }
#left .box2 { background:url(../img/menu/administrador.gif) no-repeat; }
#left .box3 { background:url(../img/menu/premium.gif) no-repeat; }
#left .box4 { background:url(../img/menu/trial.gif) no-repeat; }
#left h2 { display:none; }
#left ul { margin:0; padding:0; }
#left ul li { list-style:none; margin:0; padding:0; }
#left ul li a { display:block; margin:0; width:148px; padding:5px; border-bottom:1px solid #00CC00; }
#left ul li a:hover { background:#D10000 url(../img/menu/fondo.gif) repeat-x 0 100%; padding-left:8px; width:145px; font-weight:bold; color:#FFC274; }
#left ul li ul { margin: 0; padding:0; }
#left ul li ul li { list-style:none; margin:0; padding:0; }
#left ul li ul li a { font-size:90%; width:142px; padding:5px 8px; border-bottom:1px solid #9D3F3F; }
#left ul li ul li a:hover { width:142px; padding:5px 8px; background:#BF0000; color:#FFA76D; }

#userName .box5 { background:url(../img/userIndex/recuadro.gif) no-repeat; }


#userMenu {
	position: relative;
	z-index:2; left: 0%;
	right:5%;
	width: 14%;
	height: 830px;
	background-color:#ffffff;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}

#userName {
	font-family: Georgia, "Times New Roman", Times, serif;
	position: absolute;
	z-index:2;
	left: 25%;
	right:5%;
	width: 480px;
	height: 140px;
	background-color:#ffffff;
	float: left;
	margin: 0px;
	padding-top:10px;
	/*padding: 20px 0px 0px 0px;*/
}

#userName .title {
	line-height: 200%;
	height: 50px;
	padding-left:10px;
	padding-top:1px;
	text-align:left;
	text-transform: capitalize;
	font-weight: normal;
	background: url(../img/userIndex/title.jpg) no-repeat left top;
	color:#006600;
}

#userName h1{
font-size: 16pt;
color:#006600;
}

#userName h2{
font-size: 14pt;
color:#009900;
}

#userName h3{
font-size: 12pt;
color:#009900;
}

#userName .h2e{
display:compact;
color:#003300;
text-decoration:underline;
}

#userOptions {
	font-family: Georgia, "Times New Roman", Times, serif;
	position: absolute;
	z-index:2;
	left: 70%;
	right:5%;
	width: 250px;
	height: 600px;
	background-color:#ffffff;
	float: left;
	margin: 0px;
	padding-top:10px;
	/*padding: 20px 0px 0px 0px;*/
}



#sidebar1 {
	float: left;
	padding-top: 10px;
	padding-left: 10px;
}

#sidebar2 {
	float: left;
}

#sidebar1 ul {
	padding-bottom: 20px;
}

#sidebar1 li {
	background: url(../img/userIndex/img11.jpg) no-repeat left bottom;
}

#sidebar1 li ul {
	background: url(../img/userIndex/img10.jpg) repeat-y left top;
}

#sidebar1 li li {
	background: url(../img/userIndex/img08.gif) no-repeat 0 13px;
}

#sidebar1 li h2 {
	height: 25px;
	padding-top: 15px;
	background: url(../img/userIndex/img09.jpg) no-repeat left top;
	color: #333333;
}


.sidebar {
	float: left;
	width: 220px;
	padding: 10px 0 0 0;
	font-size: 14px;
}

.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebar li {
	padding: 0 0 20px 0;
}

.sidebar li ul {
}

.sidebar li li {
	margin: 0 10px 0 15px;
	padding: 8px 0px 8px 20px;
	border-bottom: 1px #B5B5B5 dashed;
	background: url(../img/userIndex/img08.gif) no-repeat 0 13px;
	text-align: left;
}


.sidebar li h2 {
	height: 30px;
	margin: 0 0 0 0;
	padding: 8px 15px 0px 35px;
	background: url(../img/userIndex/recuadro.gif) no-repeat left top;
	font-size: 12px;
	color: #FFFFFF;
}


.sidebar a {
}


#userOptions2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	position: absolute;
	z-index:3;
	left: 245px;
	right:5%;
	top:590px;
	width: 220px;
	height: 510px;
	background-color:#ffffff;
	float: left;
	margin: 0px;
	/*padding: 20px 0px 0px 0px;*/
}

#userOptions3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	position: absolute;
	z-index:3;
	left: 595px;
	right:5%;
	top:590px;
	width: 220px;
	height: 510px;
	background-color:#ffffff;
	float: left;
	margin: 0px;
	/*padding: 20px 0px 0px 0px;*/
}

#margenIndex {
	position: relative;
	z-index:0;
	left: 0%;
	right:5%;
	width: 250px;
	height: 500px;
	background-color:#ffffff;
	float: left;
	margin: 0px;
	padding-top:10px;
	/*padding: 20px 0px 0px 0px;*/
}

#reloj {
	top: 50%;
	position: absolute;
	z-index:3;
	left: 60%;
	width: 200px;
	height: 200px;
	background-color:#ffffff;
	margin: 0px;
	padding-top:10px;
	/*padding: 20px 0px 0px 0px;*/
}